<!--
  待办列表项 组件
-->
<template>
  <div class = "list-item">
    <input type="checkbox" v-model="checked" />
    <span>{{ text }} {{index}}</span>
  </div>
</template>

<script lang="ts">
import Vue from "vue";
export default Vue.extend({
  name: "list-item",
  data() {
    return {
      checked: false
    };
  },
  props:[
    'text',
    'index'
  ]
});
</script>